<template>
	<view>
	<view class="back_img">
		<image src="/static/icon_che/R-C.jpg" mode=""></image>
	</view>
	<view id="che_back">
		<view class="che_cont">
			<text class="iconfont icon-saoyisao"></text><text>扫一扫</text>
		</view>
		<view class="che_cont">
			<text class="iconfont icon-chepai"></text><text>车辆管理</text>
		</view>
		<view class="che_cont">
			<text class="iconfont icon-cheweizulin_cheweizhuangtaichaxun"></text><text>买/租车位</text>
		</view>
		<view class="che_cont" @click="inputDialogToggle">
			<text class="iconfont icon-shoufeizhan" ></text><text>收费标准</text>
		</view>
				<view>
						<!-- 输入框示例 -->
						<uni-popup ref="inputDialog" type="dialog">
							<uni-popup-dialog ref="inputClose"  mode="input" title="输入内容" value=""
								placeholder="请输入内容" @confirm="dialogInputConfirm">
								<p>收费标准是：111</p>
								</uni-popup-dialog>
						</uni-popup>
					</view>
						
	</view>
	</view>
	
</template>

<script>
	import {reactive,toRefs,watch} from 'vue';
	export default {
	setup(){
		let data = reactive({
			
inputDialogToggle() {
				this.$refs.inputDialog.open()
			},
		})
			return { ...toRefs(data)}
	},
	
	
	}
</script>

<style lang="less">
	@import url("~@/static/icon_che/iconfont.css");

	page {
		padding: 50rpx;
		background-color: #E7E7E7;
		box-sizing: border-box;

		.back_img {
			border-radius: 50rpx;
			overflow: hidden;
			width: 650rpx;
			height: 400rpx;
			margin-bottom: 50rpx;

			image {
				width: 650rpx;
				height: 400rpx;
			}
		}

		#che_back {
			padding: 0 40rpx;
			height: 80rpx;
			line-height: 80rpx;

			.che_cont {
				background-color: rgba(255, 255, 255, 0.4);
				border-radius: 30rpx;
				margin: 20rpx 0;
				display: flex;
				align-items: center;
				color: #5b5b5b;

				&:hover {
					color: #1A4DF2;
				}

				text:last-of-type {
					font-weight: 600;
				}

				.iconfont {
					width: 80rpx;
					height: 80rpx;
					font-size: 80rpx;
					border: 2px solid #ffffff;
					border-radius: 30rpx;
					padding: 10rpx;
					margin-right: 30rpx;
				}

			}
		}
	}
</style>
